<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Projet - Groupe 6</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" />
</head>

<body>
<div id="main">
  <div class="container">
    <div id="header">
      <ul id="menu">
        <li><a href="directives.html">Directives</a></li>
        <li><a href="">Outils et Libraires</a></li>
        <li><a href="">Stockage</a></li>
        <li><a href="">Affichage</a></li>
        <li><a href="">Groupe 6</a></li>
      </ul>
      <div id="logo">
        <h1>Projet - Groupe 6</h1>
        <small>A Family of Rockstar WordPress Themes</small> </div>
    </div>
    <div id="block_feature">
      <div id="block_featured" class="block">
      <img src="images/ribbon_featured.png" class="ribbon" alt = "Featured Ribbon"/> 
       <div class="block_inside">
        <div class="image_block"> <img src="images/sample_feature.jpg" alt="Sample Feature"/> </div>
        <div class="text_block">
          <h2>Outils et Libraires</h2>
          <small>On outilise <a href="">Jquery</a>, <a href="">JPlot</a>, <a href="">Xampp</a> et <a href="">HTML/CSS</a></small>
          <p>On outilise une gamme des logiciels, outils et langages de pragrammation qui peuvent travailler très bien ensemble. </p>
          <br />
          <a href="" class="button">jQuery</a> </div>

         
          
        </div> </div>
    </div>
    
    			<div id="block_portfolio">

            	<div id="portfolio_items">

                	<div class="mini_portfolio_item">
                    <img src="images/ribbon_recent.png" class="ribbon" alt="Recent Projects"/>  
                    	<div class="block_inside">
                            <img src="images/sample_mini_portfolio.jpg" class="thumbnail" alt="PSDTUTS"  />
                            <h3>Jquery</h3>
                            <p>"Write less do more" est tellement bien dit. A l'aide de cette petite libraire on va écrire notre code javascript rapidement et élégamment. Il va aider pour la visualisation des données et le bling bling général du site. <a href="#">Suite</a> </p>
                            
                        </div>
                    </div>

                	<div class="mini_portfolio_item">
                    	<div class="block_inside">
                            <img src="images/jqplot.jpg" class="thumbnail" alt="PSDTUTS"  />
                            <h3>JqPlot</h3>
                            <p>Libraire qui marche ensemble avec jQuery, facilitant les création des graphes. Outil strictement pour visualisation.<a href="#">Suite</a>  </p>
                            
                        </div>
                    </div>

                    <div class="mini_portfolio_item">
                    	<div class="block_inside">
                            <img src="images/xampp.jpg" class="thumbnail" alt="PSDTUTS"  />
                            <h3>Xampp</h3>
                            <p>Xampp est egal a PHP MySQL et Apache, configure et pret pour travailler.<a href="#">Suite</a> </p>
                            
                        </div>
                    </div>

                </div>

                <div id="text_column">
                    <h2 id="text_title">Creatif is a WordPress portfolio theme for designers and creatives</h2>
                    <p>You can use it to quickly turn WordPress into a portfolio website.  Not familiar with WordPress? Fear not, the theme accompanies a book called <a href="#">How to Be a Rockstar WordPress Designer</a> by Rockstar Resources due for release in 2008.</p>
                    <p>The book teaches you to use WordPress theming to take advantage of this flexible CMS product to create dynamic sites.</p>
                  <p>And as if that's not enough, you can see a photoshop to HTML tutorial on designing the theme over at <a href="http://psdtuts.com">PSDTUTS</a> and <a href="http://nettuts.com">NETTUTS</a>.</p>
			  </div>

            </div>
    
    
    
    
    <div id="block_content"> Content </div>
  </div>
</div>

	<div id="footer">
    	<div class="container">

        	<div class="footer_column long">
                <h3>Designed by Collis Ta'eed, do with this as you please</h3>
                <p>You can read a photoshop tutorial for creating the design at <a href="http://psdtuts.com">PSDTUTS</a>, You can read a PS->HTML tutorial for creating the site at <a href="http://nettuts.com">NETTUTS</a> and you can learn how to turn the HTML into a WordPress theme in the upcoming book <a href="http://freelanceswitch.com/book">How to be a Rockstar WordPress Designer</a></p>
			</div>

	        <div class="footer_column">
                <h3>More Links</h3>
				<ul>
                    <li><a href="http://vectortuts.com">VECTORTUTS</a></li>
            		<li><a href="http://activeden.net">FlashDen</a></li>
            		<li><a href="http://audiojungle.net">AudioJungle</a></li>
            		<li><a href="http://freelanceswitch.com">FreelanceSwitch</a></li>
            		<li><a href="http://faveup.com">FaveUp</a></li>
                </ul>
            </div>

            <div class="footer_column">
                <h3>RSS</h3>
				<ul>
                    <li><a href="">RSS Feed</a></li>
            		<li><a href="">What is RSS?</a></li>
                </ul>
            </div>

        </div>
    </div>




</body>
</html>
